<template>
	<view class="content">
		<view class="personalNane">
			<view class="title">昵称：</view>
			<input class="uni-input" focus placeholder="乘风破浪的姐姐" />
		</view>
		<view class="bottom">
			<text>确认</text>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less">
	.content{
		.personalNane{
			width: 670upx;
			height: 88upx;
			background: #F2F2F2;
			border-radius: 10upx;
			display: flex;
			align-items: center;
			text-indent: 10px;
			margin: 40upx auto;
			.title{
				font-size: 26upx;
			}
		}
		.bottom{
			    width: 250px;
			    height: 44px;
			    background: #E50012;
			    border-radius: 22px;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    color: #ffffff;
			    margin: 60px auto;
		}
	}
</style>
